<template>
	<el-row  class="all">
		<el-container>
			<el-aside width="200px">
				<tabs></tabs>
			</el-aside>
			<el-container>
				<el-header>
					<titles class="titles"></titles>
					<buttons class="buttons"></buttons>
				</el-header>
				<el-main>
					<content></content>
				</el-main>
			</el-container>
		</el-container>
	</el-row>
	
</template>

<script>
	import buttons from './components/buttonList.vue'
	import titles from './components/title.vue'
	import tabs from './components/tab.vue'
	import content from './components/content.vue'
  export default{
    name:'',
    data(){
      return {
          
       }
    },
    methods:{
      
    },
    components:{
      buttons,titles,tabs,content
    }
  }
</script>

<style scoped>
	.all{
		justify-content: center;
		margin: 30px 0;
	}
</style>
